<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ul-li 练习</title>
    <style>
          img{width:200px;height: 300px;}
        ul{
            list-style-type: none;
        }
        li{display: inline-block;
        margin: 0 auto;
       padding: 5px;}
        a{text-decoration:none;}
        a,span{text-align: center;display:block;}
        a:link{color: blue;}
        a:hover{color: green;}
        a:visited{color: red;}

    </style>
</head>
<body>
   <div style="text-align: center;">
    <ul >
        <li><img src="images/a.png" ><br/><a href="https://v.qq.com/x/cover/mzc002009e5o3hm/b0042z5yzlo.html" >这个杀手不太冷静</a><br/><span>评分：8.0</span></img></li>
        <li><img src="images/b.png" ><br/><a href="https://www.iqiyi.com/v_wmqqhxu8dc.html?vfm=m_103_txsp">青蛇：前缘</a><br/><span>评分：8.1</span></img></li>
        <li><img src="images/c.png" ><br/><a href="https://v.qq.com/x/cover/mzc0020035l5vcf/v0042sog0sn.html">狙击手</a><br/><span>评分：8.2</span></img></li>
        <li><img src="images/d.png" ><br/><a href="https://v.qq.com/x/cover/mzc00200nx1hbcr/j0041h6t8nu.html">长津湖</a><br/><span>评分：9.5</span></img></li>
    </ul>
</div>


    
</body>
</html>